<template>
    <div>
        <div id="cover"></div>
        <to-header></to-header>
<!--        <ToHeader></ToHeader>-->
        <todo></todo>
        <to-footer></to-footer>
    </div>
</template>

<script>
    import ToHeader from './todo/toheader.vue'
    import Todo from './todo/todo.vue'
    import ToFooter from './todo/tofooter.vue'

    export default {
        name: "app",
        components:{
            ToHeader,
            Todo,
            ToFooter
        },
    }
</script>

<style lang="stylus" scoped>
    #cover{
        position absolute
        top 0
        right 0
        bottom 0
        left 0
        background lightgrey
        opacity 0.9
        z-index -1
    }
</style>